// pages/goods_list/index.js
/**
 * 用户上滑页面 页面触底 加载下一页数据
 * 找到滚动条触底事件
 * 如果没有下一页数据 ，弹出提示
 * 如果有下一页数据， 加载下一页
 * 总页数 = Math.ceil(总条数/页容量)
 * 
 * 下拉刷新页面
 * 触发下拉刷新事件
 * 重置 数据 数组
 * 重置页面  为1 
 */
import { request } from '../../request/index.js'
Page({
  /**
   * 页面的初始数据
   */
  data: {
    // tabs 数据
    tabs: [
      {
        id:0,
        value: '综合',
        isActive: true
      }, {
        id:1,
        value: '销量',
        isActive: false
      }, {
        id:2,
        value: '价格',
        isActive: false
      }
    ],
    // 商品列表 请求数据
    queryParam: {
      query:'',
      cid:'',
      pagenum:1,
      pagesize:10
    },
    // 商品列表数据
    goodsList:[]
  },
  totalPages:1,

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.data.queryParam.cid = options.cid
    this.getGoodsList()
  },

  /**
   * 请求商品列表
   * url https://api-hmugo-web.itheima.net/api/public/v1/goods/search
   */
   getGoodsList(){
    request({url:'/goods/search',data:this.data.queryParam})
    .then((result) => {
      var goods = result.data.message.goods
      var totals = result.data.message.total
      var pagenum = this.data.queryParam.pagesize
      this.totalPages = Math.ceil(totals/pagenum)
      this.setData({
        goodsList: [...this.data.goodsList,...goods]
      })

      // 关闭下拉刷新窗口
      wx.stopPullDownRefresh()
    })
   },

   /**
    * 触发tab
    */
   handleitemChange(e){
    const index = e.detail.index
    let {tabs} = this.data
    tabs.forEach(v => {
      v.id===index?v.isActive=true:v.isActive=false
    })
    this.setData({
      tabs
    })
   },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    this.data.queryParam.pagenum = 1
    // 重置数据
    this.setData({
      goodsList:[]
    })
    this.getGoodsList()
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    /**
     * 有下一页 totalPages >1 
     * 没有下一页 totalPages ==1 
     */
    if(this.totalPages > this.data.queryParam.pagenum) {
      this.data.queryParam.pagenum++
      this.getGoodsList()
    } else {
      // conole.log('没有下一页数据')
      wx.showToast({
        title: '我也是有底线的'
      });
    }
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})